<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style>
  body {
    font-size: 16px;
    background-color: #f6f6f6;
    color: #424242;
    -webkit-font-smoothing: antialiased;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  }
  #app {
    font-size: 14PX;
  }
  .icon-size-class{
    font-size: 18PX !important;
  }
  /* 完成、成功状态*/
  .zx-color-success {
    color: #55A45C;
  }

  /* 代办、逾期状态*/
  .zx-color-warning {
    color: #FE8E0D;
  }

  /* 过期、未开启状态*/
  .zx-color-gray {
    color: #BDBDBD;
  }

  /* 失败、未通过状态*/
  .zx-color-danger {
    color: #D74216;
  }

  /* 跳转状态*/
  .zx-color-link {
    color: #2196F3;
  }
  .color-link{
    color: #2196F3;
  }
  .flex-between{
    display: flex;
    justify-content: space-between;
  }
  .flex-around{
    display: flex;
    justify-content: space-around;
  }
  .flex-end{
    display: flex;
    justify-content: flex-end;
  }
  .ml-8{
    margin-left: 8px;
  }
  .ml-16{
    margin-left: 16px;
  }
  .mr-8{
    margin-right: 8px;
  }
  .mr-16{
    margin-right: 16px;
  }
  .mt-8{
    margin-top: 8px;
  }
  .mt-16{
    margin-top: 16px;
  }
  .mb-8{
    margin-bottom: 8px;
  }
  .mb-16{
    margin-bottom: 16px;
  }
  .tar{
    text-align: right;
  }
</style>
